import React from 'react'

const Confirm = (props) => {
  const {close, confirm, modalContent, isModal = true} = props
  return <div className="dialog-block has-mask full" >
    <div className="group-content content">
      <div className="full-width title-wrapper group">
        <img onClick={close} className="close" src="img/mall/dialog/close.png" alt="" />
      </div>
      <div className="modal-wrapper">
        <div className="vh-center group-conent-full">
          <span>{modalContent}</span>
        </div>
        <div className="bottom-btn">
          { isModal ? <img className="confirm" onClick={close} src="img/mall/dialog/cancel.png" alt=""></img> : null}
          <img className="confirm" onClick={confirm} src="img/mall/dialog/confirm.png" alt=""></img>
          {/* <img className="confirm" onClick={this.query.bind(this)} src="img/mall/dialog/confirm.png" alt=""></img> */}
          {/* <img className="full-width" src="img/mall/dialog/confirm.png" alt=""></img> */}
        </div>
      </div>
    </div>
  </div>
}

export default Confirm